<template>
  <div class="tip-list">
    <van-list
      :finished="finished"
      finished-text="没有更多了"
      color="#cccccc"
    >
      <van-cell @click="cellClick(item)" v-for="(item, index) in searchTipsListData" :key="index" :title="item" />
    </van-list>
  </div>
</template>

<script>
export default {
  name: 'SearchTipList',
  components: {},
  props: [
    'searchTipsListData'
  ],
  data () {
    return {
      finished: true
    }
  },
  computed: {},
  created () {},
  mounted () {},
  watch: {},
  methods: {
    cellClick (value) { // 搜索热词点击事件
      // console.log(value)
      this.$emit('cellClick', value)
    }
  }
}
</script>

<style lang='less'>
.van-list{
  background-color: lightgray !important;
  .van-cell{
    background-color: lightgray !important;
    box-shadow: 0px 0px 10px 0px #ffffff;
  }
  .van-cell::after{
    border-bottom: none !important;
  }
}
</style>
